<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <link rel="stylesheet" href="layui/css/layui.css" />
    <style>
        .layui-form-pane .layui-form-label{
            width:150px;
        }
        .layui-form-pane .layui-input-block{
            margin-left:150px;
        }
    </style>
    <title>首页</title>
</head>
<body>


    <div class="layui-fluid">
        <div class="layui-row">

                <div class="grid-demo grid-demo-bg2 layui-bg-blue" style="text-align: center;"><h1>欢迎</h1></div>
                <div style="height: 50px;">&nbsp;</div>
        </div>

        <div class="layui-row">

                <form class="layui-form layui-form-pane" action="update" method="post">

                    <div class="layui-form-item">
                        <label class="layui-form-label">年份</label>
                        <div class="layui-input-block">
                            <input type="text" name="year" th:value="${report.year}" lay-verify="year" autocomplete="off" placeholder="" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">合同销售金额</label>
                        <div class="layui-input-block">
                            <input type="text" name="contractSaleAmount" th:value="${report.contractSaleAmount}" lay-verify="contractSaleAmount" autocomplete="off" placeholder="" class="layui-input">
                        </div>
                    </div>


                    <div class="layui-form-item">
                        <label class="layui-form-label">合同销售面积</label>
                        <div class="layui-input-block">
                            <input type="text" name="contractSaleArea" th:value="${report.contractSaleArea}" lay-verify="contractSaleArea" autocomplete="off" placeholder="" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">总建筑面积</label>
                        <div class="layui-input-block">
                            <input type="text" name="totalArchitectureArea" th:value="${report.totalArchitectureArea}" lay-verify="totalArchitectureArea" autocomplete="off" placeholder="" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">对应货值</label>
                        <div class="layui-input-block">
                            <input type="text" name="totalValue" th:value="${report.totalValue}" lay-verify="totalValue" autocomplete="off" placeholder="" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">全年目标</label>
                        <div class="layui-input-block">
                            <input type="text" name="yearTarget" th:value="${report.yearTarget}" lay-verify="yearTarget" autocomplete="off" placeholder="" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">目标完成率</label>
                        <div class="layui-input-block">
                            <input type="text" name="targetCompleteProportion" th:value="${report.targetCompleteProportion}" lay-verify="targetCompleteProportion" autocomplete="off" placeholder="" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">累计成交套数</label>
                        <div class="layui-input-block">
                            <input type="text" name="sofarDealAmount" th:value="${report.sofarDealAmount}" lay-verify="sofarDealAmount" autocomplete="off" placeholder="" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">累计交付面积超</label>
                        <div class="layui-input-block">
                            <input type="text" name="sofarHandoverArea" th:value="${report.sofarHandoverArea}" lay-verify="sofarHandoverArea" autocomplete="off" placeholder="" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">累计开发项目近</label>
                        <div class="layui-input-block">
                            <input type="text" name="sofaProjectAmount" th:value="${report.sofaProjectAmount}" lay-verify="sofaProjectAmount" autocomplete="off" placeholder="" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">管理面积</label>
                        <div class="layui-input-block">
                            <input type="text" name="manageArea" th:value="${report.manageArea}" lay-verify="manageArea" autocomplete="off" placeholder="" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">管理规模</label>
                        <div class="layui-input-block">
                            <input type="text" name="manageScale" th:value="${report.manageScale}" lay-verify="manageScale" autocomplete="off" placeholder="" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">已开业幼儿园</label>
                        <div class="layui-input-block">
                            <input type="text" name="kindergarden" th:value="${report.kindergarden}" lay-verify="kindergarden" autocomplete="off" placeholder="" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">已开业学校</label>
                        <div class="layui-input-block">
                            <input type="text" name="school" th:value="${report.school}" lay-verify="school" autocomplete="off" placeholder="" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">在校人数</label>
                        <div class="layui-input-block">
                            <input type="text" name="studentNum" th:value="${report.studentNum}" lay-verify="studentNum" autocomplete="off" placeholder="" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">总资产</label>
                        <div class="layui-input-block">
                            <input type="text" name="totalAssessment" th:value="${report.totalAssessment}" lay-verify="totalAssessment" autocomplete="off" placeholder="" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">一线城市</label>
                        <div class="layui-input-block">
                            <input type="text" name="levelOne" th:value="${report.levelOne}" lay-verify="levelOne" autocomplete="off" placeholder="" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">二线城市</label>
                        <div class="layui-input-block">
                            <input type="text" name="levelTwo" th:value="${report.levelTwo}" lay-verify="levelTwo" autocomplete="off" placeholder="" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">三线城市</label>
                        <div class="layui-input-block">
                            <input type="text" name="levelThree" th:value="${report.levelThree}" lay-verify="levelThree" autocomplete="off" placeholder="" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">准二线城市</label>
                        <div class="layui-input-block">
                            <input type="text" name="levelSimilarTwo" th:value="${report.levelSimilarTwo}" lay-verify="levelSimilarTwo" autocomplete="off" placeholder="" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <button class="layui-btn" lay-submit="" lay-filter="form1">立即提交</button>
                            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                        </div>
                    </div>
                </form>

        </div>
    </div>



<script src="layui/layui.js"></script>

<script th:inline="javascript">
    //一般直接写在一个js文件中
    layui.use(['layer', 'form'], function(){
        var layer = layui.layer
            ,form = layui.form;

        //监听提交
        form.on('submit(form1)', function(data){
            // layer.msg(JSON.stringify(data.field));

            // if(!data.field.contractSaleAmount){
            //     layer.msg('请输入姓名');
            //     return false;
            // }
            return true;
        });

        var message = [[${msg}]];
        if(message){
            layer.msg(message);
        }

         // layer.msg('Hello World');
    });
</script>

<!--<script th:inline="javascript">-->
        <!--var layer = layui.layer;-->
        <!--var message = [[${msg}]];-->
        <!--if(message){-->
            <!--layer.msg('Hello World11');-->
        <!--}-->

<!--</script>-->


</body>
</html>